﻿

/*Contact page*/
:is(.contactPage, .aboutPage) section#GridTop { margin-top: var(--headerHeight) !important; height: 300px; }
:is(.contactPage, .aboutPage) #GridPage { padding-top: 60px; }
:is(.contactPage, .aboutPage) #headline { margin-bottom: 0; }
:is(.contactPage, .aboutPage) #headline h1 { color: var(--red); font-size: 2.5rem; margin-bottom: 20px; line-height: normal }

.contactPage #GridPage { padding-top: 0 !important; }
.contactPage #PageBreadCrumps { margin-top: 10px; }
.contactPage .MainContent { max-width: 1019px; margin-inline: auto; padding-bottom: 99px }
.contactPage div#text1 { display: flex; flex-wrap: wrap; max-width: 100%; }
.contactPage #text1 ul { display: flex; list-style: none; padding-inline-start: 0; width: 100%; margin-bottom: 0 }
.contactPage #text1 ul:nth-of-type(1) { margin-bottom: 30px }
.contactPage #text1 > p { font-weight: 600; text-align: start; font-size: 1.2rem !important; margin-bottom: 20px; }
.contactPage #text1 ul li { text-align: start; width: 33.333333%; display: flex; flex-wrap: wrap; align-items: flex-start; /* flex-grow: 1; */ }
.contactPage #text1 ul li p:nth-of-type(1) { width: calc(100% - 26px) !important; max-width: unset; font-weight: 600; font-size: 0.8rem !important; margin-inline-start: 5px; margin-bottom: 11px; }
.contactPage #text1 p:last-child { font-size: 0.8rem; margin-inline-start: 25px; margin-bottom: 0; }
.contactPage #text1 > p:last-child { margin: 20px 25px; }
.contactPage #text1 > p:last-child a { margin-left: 10px; }


.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.contactPage #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.contactPage .normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.contactPage .form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.contactPage .form-container-wide #DynamicFormObject::after { content: none; }
.contactPage .grid-form-section { max-width: 100%; width: 100%; }
.contactPage #SiteGrid.layout-bottom #GridPromo { max-width: 100%; display: flex; gap: 10px; margin-bottom: 0; padding-bottom: 100px }
.contactPage .form-container-wide #DynamicFormObject { width: 1110px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; padding: 62px 125px; background: var(--grey, #F2F2F2); }
.contactPage .normal-form input, .normal-form input:focus, .normal-form textarea { background-color: transparent; font-size: 0.8rem; /* line-height: 3.75; */ padding: 11px 18px; height: 43px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: calc(100% - 30px); }
.contactPage #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { margin: 0 !important; width: calc(33.333333% - 15px); padding-inline: 15px; flex-grow: 1; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 100%; margin: 0 auto 0 0; display: inline-block; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin: 0 auto; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { width: 100%; font-size: 0.9rem; padding: 0 }
.contactPage #DynamicFormObject .dynamicFormObjectField .must::before { right: 8px; top: 9px; font-size: 15px; }
.contactPage .normal-form textarea { height: auto; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: block; width: 50%; margin-top: 30px; height: unset; margin-inline: auto; max-width: 260px; font-weight: 600; }
.contactPage .normal-form input, .normal-form input:focus, .normal-form textarea { border: solid 1.5px #fff !important; border-width: 0 0 1.5px !important; border-radius: unset; box-shadow: unset; padding-right: 5px; }
.contactPage .normal-form input.form-submit { border: unset !important; /*height: unset !important;*/ }
.contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.2rem; color: var(--red); margin-bottom: 10px; font-weight: 600; }
.contactPage .form-control:focus { box-shadow: unset; }
.contactPage textarea.input-data.form-control { line-height: normal; height: 46px; margin-top: 30px; }
.contactPage fieldset { display: flex; flex-wrap: wrap; }
.contactPage #DynamicFormObject input[type="submit"] { background: transparent; border: 1.5px solid black !important; color: black; font-size: 0.8rem; padding: 0; border-radius: unset; }
.contactPage #SiteGrid.layout-bottom #GridPromo:after { content: ""; background-image: url(/warehouse/dynamic/405496.jpg); display: block; width: 424px; background-size: cover; }

@media (max-width: 767px) {
    :is(.contactPage, .aboutPage) section#GridTop { margin-top: 0 !important; }
    .contactPage section#GridTop { height: calc(207px + var(--headerHeight)); }
    .contactPage #GridPage { padding-top: 22px; }
    .contactPage #headline h1 { text-align: start; font-size: 1.75rem; margin-bottom: 10px; }
    .contactPage #text1 > p { font-size: 1.25rem !important; }
    .contactPage #text1 ul:nth-of-type(1) li { width: calc(50% - 20px); }
    .contactPage #text1 ul:nth-of-type(2) li { width: 100%; }
    .contactPage #text1 ul:nth-of-type(2) { flex-direction: column; gap: 20px; }
    .contactPage #text1 ul li p:nth-of-type(1) { font-size: 0.7rem !important; margin-bottom: 10px; }
    .contactPage #text1 p:last-child { font-size: 0.7rem; }
    .contactPage .MainContent { padding-bottom: 30px; }
    .contactPage #GridPage .max-width { width: 100%; padding-inline: 20px; }
    .contactPage #SiteGrid.layout-bottom #GridPromo { flex-wrap: wrap; }
    .contactPage #text1 ul:nth-of-type(1) { margin-bottom: 40px; }

    .contactPage .form-container-wide #DynamicFormObject { padding: 30px 22px; max-width: 100% !important; }
    .contactPage #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100% !important; padding-inline: 0; }
    .contactPage #SiteGrid.layout-bottom #GridPromo:after { min-height: 340px; }
    .contactPage #SiteGrid.layout-bottom #GridPromo { flex-wrap: wrap-reverse; gap: 10px; padding-bottom: 70px }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; max-width: 160px; margin-top: 0; padding: 0; height: 40px; }
    .contactPage #DynamicFormObject input[type="submit"] { padding: 0; width: 100%; }
    .contactPage fieldset { gap: 30px; }
    .contactPage textarea.input-data.form-control { margin-top: 0 }
    .contactPage textarea.input-data.form-control { padding-bottom: 60px; height: unset; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 0.8rem; margin-bottom: 20px }
    .contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.25rem; }
    .contactPage #DynamicFormObject .dynamicFormObjectField .must::before { right: -2px; top: 9px; font-size: 15px; }

    .contactPage #text1 > p:last-child a img { height: 34px; width: 33px; }
}


/*.aboutPage section#GridTop {margin-top: 0 !important;height: calc(300px + var(--headerHeight));}*/
.aboutPage #GridPage { padding-top: 0px !important; }
.aboutPage #PageBreadCrumps { margin-top: 10px; padding-right: 0; }

.aboutPage .MainContent { padding-bottom: 70px; }
.aboutPage #headline { margin-bottom: 0; }
.aboutPage #headline h1 { color: var(--red); font-size: 2.5rem; margin-bottom: 20px; line-height: normal }
.aboutPage #subheadline h2 { text-align: start; font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; }
.aboutPage #text1 p, .aboutPage #text2 p { font-weight: 100; font-size: 0.8rem !important; text-align: start; }
.aboutPage #text1, #text2 { max-width: 100%; }
.aboutPage #text1 h3 { text-align: start; margin-bottom: 20px; margin-top: 0; font-size: 1.2rem; }
.aboutPage #GridPage .max-width #GridContent { max-width: 850px; width: 100%; float: none; margin: auto; }
.aboutPage #GridPage .max-width { max-width: 1170px; }
.aboutPage #text1 img { width: 100%; object-fit: cover; margin: 30px 0; }
#text1 p:last-child { margin: 0; }

@media (max-width: 767px) {
    .aboutPage #GridPage .max-width { width: 100%; }
    .aboutPage .MainContent { padding-bottom: 40px; }
    .aboutPage section#GridTop { height: calc(207px + var(--headerHeight)); }
    .aboutPage #headline h1 { text-align: start; font-size: 1.75rem; margin-bottom: 10px; line-height: 1; }
    .aboutPage #GridPage { padding-top: 22px; }
    .aboutPage #subheadline h2 { font-size: 1.25rem; }
    .aboutPage #text1 p, .aboutPage #text2 p { font-size: 0.7rem !important; }
    .aboutPage #GridPage .max-width, .aboutPage #GridPage .max-width-center { padding-inline: 20px; }
    .aboutPage .MainContent { padding-bottom: 70px; }
    .aboutPage #text1 h3 { font-size: 1.25rem; }
}

/*404 page*/
/*:is(.notFoundPage, .ShopThanksPage) #PageBreadCrumps { display: none; }*/
.notFoundPage #GridTop.noTopImage.longer, .ShopThanksPage #GridTop.noTopImage.longer { margin: 0 !important; }
.notFoundPage #GridPage, .ShopThanksPage #GridPage { padding-top: 35px; }
.notFoundPage div#GridContent:after, .ShopThanksPage div#GridContent:after { content: ""; background-image: url(/warehouse/dynamic/405479.jpg); background-repeat: no-repeat; display: block; width: 767px; height: 500px; }
.ShopThanksPage div#GridContent:after { background-image: url(' /warehouse/dynamic/405495.jpg'); }
.notFoundPage div#GridContent, .ShopThanksPage div#GridContent { display: flex; flex-wrap: wrap-reverse; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 100px; padding: 100px 0; }
.notFoundPage .page-not-found h2, .ShopThanksPage .page-not-found h2 { font-size: 1rem; font-weight: 400; }
.notFoundPage .page-not-found h2::before, .ShopThanksPage #headline h1 { content: 'אופס!'; display: block; font-weight: 600; font-size: clamp(2.5rem, 5.208vw, 5rem); margin-bottom: 20px; line-height: 1; }
.ShopThanksPage #headline h1 { font-size: clamp(1.75rem, 2.604vw, 3rem); }
.notFoundPage .page-not-found a, .ShopThanksPage .page-not-found a { display: flex; justify-content: center; align-items: center; width: 230px; height: 50px; font-size: 0.9rem; background: var(--red); margin: 30px auto auto; color: #ffffff; border: none; font-weight: 600; transition: all 0.25s ease; }
.notFoundPage .page-not-found a:hover, .ShopThanksPage .page-not-found a:hover { background: var(--black); color: #fff; }
.page-not-found br, .ShopThanksPage br { display: none; }
.ShopThanksPage .shopThankYouMsg .shopBtn { font-weight: 600; }
.notFoundPage h3 { color: var(--black) !important; font-weight: 400; font-size: 1rem; margin: 20px 0; }
.notFoundPage #PageBreadCrumps, .FormResultPage #GridTop.noTopImage.longer { display: none; }
.FormResultPage.notFoundPage #GridPage { padding-top: 95px; }

@media (max-width: 767px) {
    .ShopThanksPage #GridPage { padding-top: 60px; }
    .notFoundPage div#GridContent:after, .ShopThanksPage div#GridContent:after { background-size: cover; background-position: center center; height: 260px; }
    .notFoundPage div#GridContent, .ShopThanksPage div#GridContent { gap: 20px; justify-content: center; }
    .notFoundPage #GridPage .max-width, .ShopThanksPage #GridPage .max-width { width: 100%; padding-inline: 20px; }
    /*.notFoundPage #GridTop.noTopImage.longer { height: 80px; }*/
    .notFoundPage #GridPage { padding-top: 0; }
    .FormResultPage.notFoundPage #GridPage { padding-top: 60px; }
    .FormResultPage.notFoundPage #GridPage .max-width { padding-top: 0; }
}

/* Inner Blog Page */
.blog-grid .blog-related-posts { margin: 0 auto; }
.blog-grid .blog-related-posts > h2 { text-align: center; }
.blog-grid #BlogView .blog-related-posts .blog-post h2.blog-post-title { font-size: 130%; }
.blog-grid #BlogView .blog-related-posts .blog-post .blog-post-text { font-size: clamp(0.7rem, 0.833vw, 2rem); }

@media (max-width: 767px) {
    .blog-grid #BlogView .blog-related-posts .blog-posts { column-count: unset; }
}